<template>
  <div class="describe">
      <div class="title">职位描述</div>
      <!-- <div class="label">
        <li>前端开发</li>
        <li>HTMl</li>
        <li>CSS</li>
        <li>Web前端</li>
        <br>
        <br>
      </div> -->

      <div class="content">
        岗位职责：<br><br>
        <div class="duty">
          {{jobMsg.jobs_duty}}
        </div>
        <br>岗位要求：<br><br>
        <div class="requirement">
          {{jobMsg.jobs_Requirement}}
        </div>
        <br>相关福利：<br><br>
        <div class="welfare">
          {{jobMsg.jobs_welfare}}
        </div>

      </div>
      <div class="contacts">
        <div class="photo"></div>
        <div class="name">网易HR</div>
      </div>
  </div>
</template>

<script>
export default {
  name: "DetailDescribe",
  props: {
    jobMsg: Object
  }
};
</script>
<style lang="scss" scoped>
@import "~styles/varibles.styl";
.describe {
  position: relative;
  top: 0.2rem;
  overflow: hidden;
  color: #000000;
  // border: 1px solid red;
  background: #ffffff;
  font-size: 0.32rem;
  padding-bottom: 1rem;
  .title{
    position: relative;
    top: 0.2rem;
    left: 0.5rem;
    font-size: 0.4rem;
  }
  .label{
    position: relative;
    top: 0.4rem;
    left: 0.5rem;
    li{
      list-style: none;
      float: left;
      margin-right: 0.3rem;
      font-size: 0.25rem;
      background: #eeeeee;
      padding: 0.1rem;
      color: #666 ;
    }
  }
  .content{
    position: relative;
    top: 0.4rem;
    left: 0.5rem;
    .duty, .requirement, .welfare{
      color: #666;
    }
  }
  .contacts{
    position: relative;
    top: 1rem;
    left: 0.5rem;
    border-top: 1px solid #eeeeee;
    .photo{
      position: relative;
      width: 15vw;
      height: 15vw;
      border: 1px solid red;
    }
    .name{
      position: absolute;
      top: 5vw;
      left: 30vw;
    }
  }
}
</style>